$(function () {
  // 设几条是历史记录存放在 浏览器 默认存储数据的地方
  var arr = ["耐克", "李宁", "新百伦", "耐克王", "阿迪王"];
  arr = JSON.parse(localStorage.getItem("search"));
  localStorage.setItem("search", JSON.stringify(arr));

  function reader() {
    // 根据数据吧数据渲染到 历史记录中
    var history = JSON.parse(localStorage.getItem("search")) || [];
    // console.log(history);
    // 渲染数据
    $(".sear-history").html(template("tmp", { rows: history }));
  }
  reader();

  // 点击 × 清空记录 清空当前历史记录
  $(".sear-history").on("click", ".sear-empty", function () {
    var index = $(this).data("index");
    mui.confirm("您确认要删除这条记录吗", "警告框", ["取消", "确认"], function (
      e
    ) {
      if (e.index == 1) {
        var arr = JSON.parse(localStorage.getItem("search"));
        arr.splice(index, 1);
        localStorage.setItem("search", JSON.stringify(arr));
        reader();
        console.log(123);
      }
    });
  });

  // 点击 清空记录 清空所有的历史及录
  $(".sear-history").on("click", ".sear-emptys", function () {
    mui.confirm(
      "您确定要删除所有的历史记录吗",
      "警告框",
      ["取消", "确定"],
      function (e) {
        console.log(e);
        if (e.index == 1) {
          localStorage.removeItem("search");
          reader();
        }
      }
    );
  });

  // 添加历史记录  点击搜索按钮 跳转到搜索页面 同时 获取搜索框里的值 把值放到 localStorage 里 存储起来
  $(".seek").click(function () {
    var txt = $(".seek-text").val();
    hunt(txt);
  });

  // 点击历史记录收缩 对应的内容
  $(".sear-history").on("click", ".sear-his", function () {
    var txt = $(this).text();
    console.log(txt);
    hunt(txt);
  });

  function hunt(txt) {
    if (txt.trim().length == 0) {
      mui.toast("请输入搜索内容");
      return;
    }
    $(".seek-text").val("");
    var his = JSON.parse(localStorage.getItem("search"));
    // 判断数组中是否有相同的值 如果有 就删除那个相同的值
    var index = his.indexOf(txt);
    if (index > -1) {
      console.log(123);
      his.splice(index, 1);
    }
    his.unshift(txt);
    // 判断单数组里的个数大于 6 时就删除 数组中的最后一位
    if (his.length > 6) {
      his.pop();
    }
    localStorage.setItem("search", JSON.stringify(his));
    reader();
    //跳转的 搜索页面
    location.href = "./searchList.html?key=" + txt;
  }
});
